<template>
  <el-dialog
    title="订单核销详情"
    :visible.sync="info.show"
    width="1200px"
    center
  >
    <div class="dialog-content">
      <el-row :gutter="20">
        <el-col :span="8"
          >用户ID：<span>{{ info.data.accountId }}</span>
        </el-col>
        <el-col :span="8"
          >订单号：<span>{{ info.data.orderNo }}</span></el-col
        >
        <el-col :span="8"
          >核销编号：<span>{{ info.data.hxNo }}</span></el-col
        >
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8"
          >核销时间：<span>{{ info.data.hxTime | filterTime }}</span></el-col
        >
        <el-col :span="8"
          >核销会员卡类型：<span>{{ info.data.cardTypeName }}</span></el-col
        >
        <el-col :span="8"
          >核销结算金额：<span>{{ info.data.hxMoney }}</span></el-col
        >
      </el-row>
      <el-row class="table-title">
        <el-col :span="24"
          >核销支出方：商户号：{{ info.data.outListNo }}</el-col
        >
      </el-row>
      <el-table
        :data="info.data.outList"
        border
        :header-cell-style="{ textAlign: 'center' }"
        :cell-style="{ textAlign: 'center' }"
      >
        <el-table-column prop="storeType" label="核销支出对象类型">
        </el-table-column>
        <el-table-column prop="storeName" label="核销支出对象名称">
        </el-table-column>
        <el-table-column prop="flowTypeName" label="支出方式">
        </el-table-column>
        <el-table-column prop="payScale" label="支出比例"> </el-table-column>
        <el-table-column prop="money" label="支出金额"> </el-table-column>
      </el-table>
      <el-row class="table-title">
        <el-col :span="6"
          >核销收入方：商户号：{{ info.data.inputListNo }}</el-col
        >
        <!-- <el-col :span="6">商户号：XXXX</el-col>
          <el-col :span="6">核销站点：CDDDD</el-col>
          <el-col :span="6">核销设备：！231232</el-col> -->
      </el-row>
      <el-table
        :data="info.data.inputList"
        border
        :header-cell-style="{ textAlign: 'center' }"
        :cell-style="{ textAlign: 'center' }"
      >
        <el-table-column prop="storeType" label="核销对象类型">
        </el-table-column>
        <el-table-column prop="storeName" label="核销对象名称">
        </el-table-column>
        <el-table-column prop="flowTypeName" label="收入方式">
        </el-table-column>
        <el-table-column prop="payScale" label="收入比例"> </el-table-column>
        <el-table-column prop="money" label="收入金额"> </el-table-column>
      </el-table>
    </div>
  </el-dialog>
</template>
<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => {
        return {};
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.dialog-content {
  .el-row {
    line-height: 30px;
  }
  .table-title {
    margin-top: 30px;
  }
}
</style>
